﻿@{

    Layout = null;

 }

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>首页</title>
    <link href="~/Resource/css/style.css" rel="stylesheet">
</head>

<body>
    <div>
        <img src="/img/onelogo.jpg" class="index-logo-1">
        <div class="user-manage">
            <a href="#" target="_blank"><span>退出登录</span></a><a href="#"
                                                                target="_blank"><span>修改密码</span></a>
        </div>
        <div class="index-box-1">
            <ul class="clearfix">
                <li>
                    <img class="bg-index" src="/img/bg-1.jpg">
                    <img class="word" src="/img/oneword.png">
                </li>
                <li>
                    <img class="bg-index" src="/img/bg-2.jpg">
                    <img class="word" src="/img/oneword.png">
                </li>
                <li>
                    <img class="bg-index" src="/img/bg-3.jpg">
                    <img class="word" src="/img/oneword.png">
                </li>
                <li>
                    <img class="bg-index" src="/img/bg-4.jpg">
                    <img class="word" src="/img/oneword.png">
                </li>
            </ul>
        </div>
        <div class="index-box-2">
            <ul class="clearfix">
                <li>
                    <div class="index-img"></div>
                    <div class="index-title">水院网站</div>
                </li>
                <li>
                    <div class="index-img"></div>
                    <div class="index-title">OA系统</div>
                </li>
                <li>
                    <div class="index-img"></div>
                    <div class="index-title">智慧楼宇</div>
                </li>
                <li>
                    <div class="index-img"></div>
                    <div class="index-title">创新中心</div>
                </li>
                <li>
                    <div class="index-img"></div>
                    <div class="index-title">BIM设计</div>
                </li>

                <li>
                    <div class="index-img"></div>
                    <div class="index-title">协同设计</div>
                </li>
                <li>
                    <div class="index-img"></div>
                    <div class="index-title">知识系统</div>
                </li>
                <li>
                    <div class="index-img"></div>
                    <div class="index-title">项目管理</div>
                </li>
                <li>
                    <div class="index-img"></div>
                    <div class="index-title">一张图</div>
                </li>
                <li>
                    <div class="index-img"></div>
                    <div class="index-title">视频中心</div>
                </li>
            </ul>
        </div>
        <!-- <div class="footer">
                @("湖北省水利水电规划勘测设计院江汉平原智慧水利平台版权所有")
            </div> -->
    </div>

    <script src="~/Resource/vendor/jquery/jquery.min.js"></script>
    <script>
        var n = 1;
        var width = $(window).width();

        $(function () {
            t = setInterval("switchAuto()", 3000);


            console.log(width);
            $(".index-box-1 ul").css("width", width * 4);
            $(".index-box-1 ul li").css("width", width);

        })

        function switchAuto() {
            $(".index-box-1 ul").css("margin-left", -width * n + "px");
            $(".index-box-1 ul").css("transition", "margin-left 0.5s ease-in-out");
            n++;
            if (n == 5) {
                n = 1;
                $(".index-box-1 ul").css("margin-left", "0");
            }
        }

    </script>
</body>


</html>